import { Translate } from "../../viewmodel/index";

const app = getApp()
// pages/order/index.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 初始滚动位置
    scrollTop: 0 ,
    translate: <Translate>Translate.default,
    // 当前高亮索引
    currentIndex: <number>0,
    // 导航栏高度
    navTop: <number>0,
    // 是否吸顶 默认 false
    isSticky: <boolean>false,

  },
  // 切换到最近
  onRecently() {
    if (this.data.currentIndex !== 0) this.setData({ currentIndex: 0 })
    this.setData({ translate: Translate.default })

    // 返回顶部
    wx.pageScrollTo({ scrollTop: 0, duration: 500 })
  },
  // 切换到历史
  onHistory() {
    if (this.data.currentIndex !== 1) this.setData({ currentIndex: 1 })
    this.setData({ translate: Translate.translate })
    // 返回顶部
    wx.pageScrollTo({ scrollTop: 0, duration: 500 })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    const query = wx.createSelectorQuery()
    query.select('.nav-bar').boundingClientRect((rect: any) => {
      this.setData({ navTop: rect.height })
    }).exec()
  },
  // 监听页面滚动距离
  onPageScroll(ev: any) {
    // 获取页面滚动距离
    if (ev.scrollTop >= this.data.navTop) {
      this.setData({
        isSticky: true
      });
    } else {
      this.setData({
        isSticky: false
      });
    }
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    // console.log()
    const navTop = app.statusBarHeight
    this.setData({navTop})
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})